/* CSS definition file containing stylesheets */

body 
{  
	background: #D2B48E repeat fixed;
	margin: 10px 0 ;
	padding: 0 ;
	text-align: center ;
	font: 0.8em "Trebuchet MS", helvetica, sans-serif;
}


.header { margin-top:20px; margin-bottom:20px; margin-left:5%; height:50px; width:90%; display:block; }
/* les onglets du header */

.myTab  
{
	color:#FFFFFF;
	text-align:center;
	vertical-align:middle; 
	font-weight:bold; 
	border-radius:10px; 
	-webkit-border-radius:10px; 
	-moz-border-radius:10px; 
	margin-right:8px; 
	padding-top:9px; 
	padding-right:3px; 
	padding-left:3px; 
	box-shadow:4px 4px 4px #666666; 
	-webkit-box-shadow:4px 4px 4px #666666; 
	-moz-box-shadow:4px 4px 4px #666666; 
	height:50px; 
	width:9%; 
	display:block; 
	float:left;
}

.myBetroomTitle
{
	background:#FFFFFF;
	text-align:center;
	vertical-align:middle; 
	font-weight:bold; 
	border-radius:10px; 
	-webkit-border-radius:10px; 
	-moz-border-radius:10px; 
	box-shadow:4px 4px 4px #666666; 
	-webkit-box-shadow:4px 4px 4px #666666; 
	-moz-box-shadow:4px 4px 4px #666666; 
	display:block; 
	height:58px; 
	float:right;
	width:68%; 
}
	 
.myTitle { font-size:1.8em; color:#0080FF; background: #FFFFFF; width:45%; }
.myTitle2 { font-size:1.8em; color:#0080FF; }
.myTitle_header { display:inline;  }
.myName{ display:inline;   }	
.myStransacetionStatus{ color:red; font-color:red; font-size:70%; display:inline;  }	
.myTitle_footer { font-size:70%; color:black; font-color: black; position:relative; bottom:0px;   }	
.myLeft { position:relative; float:left; margin: 0px 3px 0px 1px;}
.myLeft2 { position:relative; float:left; text-align:left; display:table-column;}
.myRight { position:relative; float:right; margin: 0px 1px 0px 3px; }
.myCenter { position:relative; text-align:center;}
.myInLine { display:inline;}
.smallVSpace {height:4px;}
.largeVSpace {height:20px;}
.margine4px{ margin: 4px 4px 4px 4px; }

/*market header*/
.tabN1 { background: #027F02; }
.tabN2 { background: #0080FF; }
.tabN3 { background: #CC0033; }
.tabN4 { background: #FFCC00; }
.tabN5 { background: #A440A4; margin-right:0; }
.selectedTab 
{
	border-style:solid;
	border-width:3px;
	border-color:Gray;
	height:51px; 
	width:10%;
    perspective:500;
	-webkit-perspective:500; /* Safari and Chrome */ 
}


.menu { color:#FFFFFF; width:100%; display:inline-table; }
a.menu { text-decoration:none; font-weight:bold; }


.section  
{
	background: rgb(255,255,255); 
	border-radius:20px; 
	-webkit-border-radius:20px; 
	-moz-border-radius:20px; 
	margin-top:0; 
	margin-bottom:20px; 
	margin-left:5%; 
	padding:5px; 
	width:90%; 
	display:block; 
	float:none; 
	clear:both; 
	box-shadow:4px 4px 4px #666666; 
	-webkit-box-shadow:4px 4px 4px #666666;
	-moz-box-shadow:4px 4px 4px #666666;
	overflow:hidden;
}
	
/* title */
h1 { color:#0080FF; padding-top:0; padding-left:3em; }
h2 { text-align:left; color:#0080FF;}

/* copyright */
.myFooter { font-size:0.8em; color:#0080FF; text-align:center; }

.myTable
{
	border:1px solid black;
	border-radius:10px; 
	-webkit-border-radius:10px; 
	-moz-border-radius:10px;
	text-align:center;
}
td, th
{
	border:1px solid #D2B48E;
}
th
{
	background-color:#D2B48E;
	color:white;
}

.myBold
{
	font-weight:bold;
	border:1px solid black; 
	/*font-size:large;*/
}

.myRoundCorners
{
	border-radius:10px; 
	-webkit-border-radius:10px; 
	-moz-border-radius:10px; 
	box-shadow:4px 4px 4px #666666; 
	-webkit-box-shadow:4px 4px 4px #666666;
	-moz-box-shadow:4px 4px 4px #666666;
}

ul {  list-style:disc; list-style-position:inside;  }


#logout
{
	text-align:right;
	font-size:80%;
	color:black;
	position:relative;
	bottom:0px;
	right:5px;
	display:inline;
}

.onFullLines{width:100%;display:table;}
.onLines{display:table;}
.oneLine{width:100%;position:relative;display:table-row;text-align:left;}
.oneLine2{width:100%;display:inline-block;}


.myThirdOfWidth{display:block; width:40%; height:100%; position:relative;vertical-align:middle; float: left; text-align:left;}
.myTwoThirdsOfWidth{display:block; width:50%; height:100%; position:relative;vertical-align:middle; float: left; text-align:left;}
.myQuarterOfWidth{display:block; width:24%; height:100%; position:relative;vertical-align:middle; float: left; text-align:left;}
.myThreeQuartersOfWidth{display:block; width:75%; height:100%; position:relative;vertical-align:middle; float: left; text-align:left;}
.mySmallestStartOfLine{display:block; height:100%; position:relative;vertical-align:middle; float: left; text-align:left;}
.myHalfWidth{ display:block; width:47%; height:100%; position:relative;vertical-align:middle; float: left; text-align:left;}
.myHalfHeight{ display:block; min-height:100px; height:50%;}

.waitbox
{
   font-weight: bold;
   font-size:10px;
   background-color: #e9e9e9;
   cursor: pointer;
   font-family: Verdana, Arial, Helvetica, sans-serif;
   border: 1px solid #262C25;
   margin-right:2px;
   left: 42.3%;
   position: absolute; 
   top: 50%;
   align:center;
   display:none;
}